<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>举报个人</title>
    <meta name="keywords" content="举报个人" />
    <meta name="description" content="举报个人" />
    <link href="/static/css/party/style.css" rel="stylesheet" type="text/css">
    <link href="/static/js/party/myfocus/js/mf-pattern/mF_classicHC.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/static/webjars/layui/css/layui.css"  media="all">
    <script type="application/javascript" src="/static/webjars/layui/layui.all.js"></script>
    <script type="application/javascript" src="/static/js/jquery.min.js"></script>
    <link rel="stylesheet" href="/static/css/party/foot.css"/>


    <link href="/static/css/party/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/static/css/party/common.css" rel="stylesheet" type="text/css">
    <link href="/static/css/party/common2018.css.css" rel="stylesheet" type="text/css">
    <link href="/static/css/party/iconfont.css" rel="stylesheet" type="text/css">

    <link href="/static/css/party/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script type="application/javascript" src="/static/js/party/template-web.js"></script>
    <script type="application/javascript" src="/static/js/party/template-web-extends.js"></script>
    <script type="application/javascript" src="/static/js/party/boorstap.min.js"></script>
    <script type="application/javascript" src="/static/js/party/common.js"></script>

    <script type="application/javascript">
        var form = layui.form;

        $.post("/ajax/party/levels",{
            check:1024
        },function (res) {
            if(res.code==0){
                //得到所有级别
                var names = new Array();
                for(var i=0;i<res.data.length;i++){
                    names[i]=res.data[i].name;
                }
                //将等级动态显示到界面上
                for(var i=0;i<names.length;i++){
                    document.getElementById("level").options.add(new Option(names[i],names[i]));
                }

            }
            else{
                layer.alert("未知错误！");
            }
            form.render();
        })

        $.post("/ajax/party/identity",{
            check:1024
        },function (res) {
            if(res.code==0){
                //得到所有的政治级别
                var names1 = new Array();
                for(var i=0;i<res.data.length;i++){
                    names1[i]=res.data[i].name;
                }
                //将等级动态显示到界面上
                for(var i=0;i<names1.length;i++){
                    document.getElementById("zhengzhi").options.add(new Option(names1[i],names1[i]));
                }
            }
            else{
                layer.alert("未知错误！");
            }
            form.render();
        })

        $.post("/ajax/party/identity",{
            check:1024
        },function (res) {
            if(res.code==0){
                //得到所有的政治级别
                var names1 = new Array();
                for(var i=0;i<res.data.length;i++){
                    names1[i]=res.data[i].name;
                }
                //将等级动态显示到界面上
                for(var i=0;i<names1.length;i++){
                    document.getElementById("zhengzhi2").options.add(new Option(names1[i],names1[i]));
                }
            }
            else{
                layer.alert("未知错误！");
            }
            form.render();
        })


    </script>


    <style>
        body{
            background-color: #DEEAEA;
        }

    </style>
</head>
<body>
<div class="padlogo w1200 mt50">
    <div class="danghui fl ml25"><img src="/static/images/party/img/danghui.gif"/></div>
    <div class="logo fl ml20 mt8"><img src="/static/images/party/img/logo.png"/></div>
    <div class="slogo fr"><embed src="/static/images/party/img/donghua.swf" width="600" height="150" wmode="transparent" /></div>
    <div class="clear"></div>
</div>

<div class="w1000 mt60" >
    <ul class="nav" style="text-align: center" id="dingbu">
        <li class="bg2">&nbsp;</li>
        <li class="bg2" style="width: 143px;" party-src="/party/home/index"><a href="javascript:;">首页</a></li>
        <li class="bg2" style="width: 143px" party-src="/party/home/news"><a href="javascript:;">新闻资讯</a></li>
        <li class="bg2" style="width: 143px" party-src="/party/home/education"><a href="javascript:;">教育培训</a></li>
        <li class="bg2" style="width: 143px" party-src="/party/home/service"><a href="javascript:;">服务大厅</a></li>
        <li class="bg2" style="width: 143px" party-src="/party/home/map"><a href="javascript:;">党建地图</a></li>
        <li class="bg2" style="width: 143px"><a href="/party/home/admin" target="_blank">后台管理</a></li>

        <%--<li class="bg2"><a href='/views/party/fore/index1.jsp' target='_blank'>后台管理</a></li>--%>
    </ul>

</div>
<div class='nav_bg w1000 mt30'><img src='/static/images/party/img/nav_bg.png' class='tcenter'/></div>

<div class="clearfix"></div>

<div class="container" style="height: 780px;">

    <div class="row">
        <div class="col-sm-12"> <img src="/static/images/party/img/banner04.png" /></div>
    </div>
    <div class="row">
        <div class="col-sm-6"><h4 class="service-red-border" style="color: #CC0000">举报个人</h4></div>
        <div class="col-sm-6 text-right" style="margin-top:30px;margin-top:30px;padding-right:20px; color: #CC0000;"><small>请认真填写必填项</small></div>

    </div>
    <div class="row" style="background-color: #F5F5F5; padding: -10px 10px 10px 10px;">
        <form id="form1" class="layui-form">
            <div class="col-sm-6" style="background-color: #DEEAEA; ">
                <div class="form-group">
                    <h5 style="color: #F64C4C;line-height: 40px;padding-left: 20px; font-size: 16px;">举报对象信息</h5>
                    <div class="col-sm-3 text-right" style="line-height: 35px;"><label>姓名：</label> </div>
                    <div class="col-sm-9 " style="margin-bottom: 20px;">
                        <input type="text" class="form-control required   form-control-bg required" name="beReportedName" data-msg-required="请输入举报对象姓名" maxlength="10" />
                    </div>

                    <div class="col-sm-3 text-right" style="line-height: 35px;"><label>性别：</label> </div>
                    <div class="col-sm-9 " style="margin-bottom: 20px;">
                        <label class="radio-inline">
                            <input type="radio" name="beReportedSex" value="男" checked="checked" /> 男
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="beReportedSex" value="女" /> 女
                        </label>
                    </div>

                    <div class="col-sm-3 text-right" style="line-height: 35px;"><label>政治面貌：</label> </div>
                    <div class="col-sm-9 " style="margin-bottom: 20px;">
                        <select class="form-control required " id="zhengzhi" style="color:#939292;" name="beReportedPolitical" data-msg-required="请选择政治面貌">

                        </select>
                    </div>

                    <div class="col-sm-3 text-right" style="line-height: 35px;"><label>所在区域：</label> </div>
                    <div class="col-sm-9 " style="margin-bottom: 20px;">
                        <input type="text" class="form-control required   form-control-bg" placeholder="必填项" name="beReportedArea" data-msg-required="请输入所在区域" maxlength="20" />
                    </div>

                    <div class="col-sm-3 text-right" style="line-height: 35px;"><label>职务：</label> </div>
                    <div class="col-sm-9 " style="margin-bottom: 20px;">
                        <input type="text" class="form-control required   form-control-bg" placeholder="必填项" name="beReportedPost" data-msg-required="请输入职务" maxlength="20" />
                    </div>

                    <div class="col-sm-3 text-right" style="line-height: 35px;"><label>级别：</label> </div>
                    <div class="col-sm-9 " style="margin-bottom: 20px;">
                        <select class="form-control required " id="level" style="color: #939292;" name="beReportedLevel" data-msg-required="请选择级别">

                        </select>
                    </div>

                    <div class="col-sm-3 text-right" style="line-height: 35px;"><label>主要问题：</label> </div>
                    <div class="col-sm-9 " style="margin-bottom: 20px;">
                        <textarea class="form-control    required form-control-bg" placeholder="请详细介绍您的需求限200字以内" rows="4" maxlength="200" name="beReportedImproblem" data-msg-required="请输入主要问题"></textarea>
                    </div>
                </div>
            </div>
            <div class="col-sm-6" style="background-color: #DEEAEA; height: 506px; ">
                <div class="form-group">
                    <h5 style="color: #F64C4C;line-height: 40px;padding-left: 20px; font-size: 16px;">举报人信息<small class="pull-right" style="line-height: 40px;">为了及时处理和反馈举报信息，请您填写您的信息</small></h5>
                    <div class="col-sm-3 text-right" style="line-height: 35px;"><label>姓名：</label> </div>
                    <div class="col-sm-9 " style="margin-bottom: 20px;">
                        <input type="text" class="form-control required   form-control-bg" placeholder="必填项" name="reportName" data-msg-required="请输入举报人姓名" maxlength="10" />
                    </div>

                    <div class="col-sm-3 text-right" style="line-height: 35px;"><label>性别：</label> </div>
                    <div class="col-sm-9 " style="margin-bottom: 20px;">
                        <label class="radio-inline">
                            <input type="radio" name="reportSex" value="男" checked="checked" /> 男
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="reportSex" value="女" /> 女
                        </label>
                    </div>

                    <div class="col-sm-3 text-right" style="line-height: 35px;"><label>政治面貌：</label> </div>
                    <div class="col-sm-9 " style="margin-bottom: 20px;">
                        <select class="form-control required " id="zhengzhi2" style="color: #939292;" name="reportPolitical" data-msg-required="请选择举报人政治面貌">

                        </select>
                    </div>

                    <div class="col-sm-3 text-right" style="line-height: 35px;"><label>身份证号：</label> </div>
                    <div class="col-sm-9 " style="margin-bottom: 20px;">
                        <input type="text" class="form-control required  isIdCardNo form-control-bg" placeholder="必填项" name="reportIdcard" data-msg-required="请输入举报人身份证" maxlength="18" id="uCardId" />
                    </div>

                    <div class="col-sm-3 text-right" style="line-height: 35px;"><label>联系电话：</label> </div>
                    <div class="col-sm-9 " style="margin-bottom: 20px;">
                        <input type="text" class="form-control required  isPhone form-control-bg" placeholder="必填项，联系人手机号码" name="reportTel" data-msg-required="请输入举报人联系电话" maxlength="11" id="uTel" />
                    </div>

                    <div class="col-sm-3 text-right" style="line-height: 35px;"><label>联系地址：</label> </div>
                    <div class="col-sm-9 " style="margin-bottom: 20px;">
                        <input type="text" class="form-control required  required form-control-bg" placeholder="必填项" name="reportAddress" data-msg-required="请输入举报人联系地址" maxlength="20" />
                    </div>

                    <div class="col-sm-3 text-right" style="line-height: 35px;"><label>邮箱：</label> </div>
                    <div class="col-sm-9 " style="margin-bottom: 20px;">
                        <input type="text" class="form-control required  email form-control-bg" placeholder="必填项" name="reportMail" data-msg-required="请输入举报人邮箱" maxlength="20" />
                    </div>
                </div>
            </div>

        </form>
        <div class="col-sm-12 text-center" style="background-color: #DEEAEA;padding: 30px;">
            <button type="submit" class="btn btn-danger btn-default" style="margin-right: 20px;" id="ok"> 提 交 </button>
            <button type="reset" class="btn btn-danger btn-default" id="reset"> 重 置 </button>
        </div>
    </div>

</div>


<div id="ft" class="clearfix">
    <div class="ft-center">
        <span>智慧兴文公共信息平台:&nbsp;</span>
        <a>All Rights Reserved.&nbsp;&nbsp;</a>
        <span>版权所有:&nbsp;</span>
        <a href="http://www.ituohui.com/" target="_blank">四川省数聚汇智科技有限公司</a>
    </div>
</div>



</body>
</html>
<script type="application/javascript">
    $("li[party-src]").click(function(){
        var that = $(this);
        var src = that.attr("party-src");
        window.location.href = src;
    });
</script>


<script type="application/javascript">

    $("#ok").click(function () {
        var params = $("#form1").serializeObject();

        console.log(params);
        $.ajax({
            url:"/ajax/party/reportperson",
            type:"post",
            data:params,
            success:function (res) {
                if(res.code==0){
                    layer.alert("提交成功！");
                }
            }
        })
    })
</script>